/**
 @Name：CPUIAdmin
 @Author：cplvfx(橙)
 @Site：http://www.gerenwaibao.com/
 **/

layui.define(['table','form','element','jquery'], function (exports) {

    var table = layui.table
    ,$ = layui.jquery
    ,form = layui.form
    ,_url='../CPUIAdmin/json/content/list.js?'+new Date().getTime()
    ,ArticleList = function () { }; 
table.render({
  elem: '#list'
  ,id:'list'
  ,url:_url //实际使用请改成服务端真实接口
  ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，列宽自动分配
  ,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
  ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
    title: '提示'
    ,layEvent: 'LAYTABLE_TIPS'
    ,icon: 'layui-icon-tips'
  }]
  ,title: '用户数据表'
  ,cols: [[
    {type: 'checkbox',  width:50}
    ,{field:'id', title:'ID',    width:100, unresize: true, sort: true}
    ,{field:'title', title:'标题'}
    ,{title:'图片',templet: '#img' ,width:130} 
    ,{field:'sort_id', title:'排序', width:80, edit: 'text', templet: function(res){
      return '<em>'+ res.sort_id +'</em>'
    }}
    ,{field:'category_name', title:'类别', width:100}
    ,{field:'add_time', title:'添加时间', width:150}
    ,{title:'属性',templet: '#attribute' ,width:230} 
    ,{title:'操作', toolbar: '#barDemo', width:150}
  ]]
  ,page: true 
});

//头工具栏事件
table.on('toolbar(list)', function(obj){

  var checkStatus = table.checkStatus(obj.config.id);
  switch(obj.event){
    //新增
    case 'NewAdd':  
      layer.alert("你点击了【新增】"); 
    break;
    //删除
    case 'Delete':  
      layer.alert("你点击了【删除】");
    break;
    //获取选中行数据
    case 'getCheckData': 
      var data = checkStatus.data;
      var dataArray=[];
      for(var i=0;i<data.length;i++){
        console.log("i==="+i) 
        dataArray.push({"id":data[i].id});
      } 
      layer.alert(JSON.stringify(data)+"<hr>"+JSON.stringify(dataArray));
      console.log("=====getCheckData=====")
      console.log(obj)
      $(obj.elem).css({"display":"none"})
    break;
    //获取选中数目
    case 'getCheckLength':
      var data = checkStatus.data;
      layer.msg('选中了：'+ data.length + ' 个');
    break;
    //验证是否全选
    case 'isAll':
      layer.msg(checkStatus.isAll ? '全选': '未全选');
    break;
    
    //自定义头工具栏右侧图标 - 提示
    case 'LAYTABLE_TIPS':
      layer.alert('@Name：CPUIAdmin <br/> @Author：cplvfx(橙) <br/> @Site：www.gerenwaibao.com');
    break;
  };
  
});

//监听行工具事件
table.on('tool(list)', function(obj){ 
  
  console.log("===监听行工具事件===")
  console.log(obj)
  var data = obj.data; 
  switch(obj.event){

    //删除行
    case 'del':  
    layer.confirm(data.id+'真的删除行么', function(index){
      obj.del();
      layer.close(index);
      //向服务端发送删除指令
    });
    break;

    // 编辑
    case 'edit':  
    layer.prompt({
      formType: 2
      ,value: data.title
    }, function(value, index){
      obj.update({
          title: value
      });
      layer.close(index);
    });
    break;

    // 是否显示
    case 'status':   
    layer.alert("你点击了【status】是否显示");
    break;

    // 是否置顶
    case 'is_top':   
    layer.alert("你点击了【is_top】是否置顶");
    break;

    // 是否推荐
    case 'is_red':   
    layer.alert("你点击了【is_red】是否推荐");
    break;

    // 是否热门
    case 'is_hot':   
    layer.alert("你点击了【is_hot】是否热门");
    break;

    // 是否幻灯
    case 'is_slide':   
    layer.alert("你点击了【is_slide】是否幻灯");
    break;


  }
 
});

//监听单元格编辑start
table.on('edit(list)', function(obj){
  var value = obj.value //得到修改后的值
  ,data = obj.data //得到所在行所有键值
  ,field = obj.field; //得到字段
  layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value);
});
//监听单元格编辑 end

//搜索 start 
$('.demoTable .layui-btn').on('click', function(){
    var type = $(this).data('type');
    console.log("====type====");
    console.log(type);
    var txtKey=$('#txtKey').val();
    var categoryId=$('#categoryId_select').val();
    var attribute=$('#attribute_select').val();
 

      console.log("txtKey==="+txtKey+"/categoryId==="+categoryId+"/attribute=="+attribute);
      table.reload('list', {
        url:_url
        ,method:'get'
        //,contentType:'application/json'//发送到服务端的内容编码类型
        ,page: {
          curr: 2 //重新从第 1 页开始
        }
        ,where: { 
          txtKey:txtKey
          ,categoryId:categoryId
          ,attribute:attribute
        } 
      }); 
    
  });
  //搜索 end

  //对外输出
  exports('ArticleList', ArticleList);
});